/**
 * Created by Mak on 2017/9/6.
 */
@import "../common";

.dialog-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 2000;
  .dialog{
    z-index: 2004;
    top: 17%;
    float: right;
    background: $color-white;
    position: relative;
    box-shadow: 1px 3px 10px 0px;

    .dialog-header {
      height: 50px;
      line-height: 50px;
      background-color: $color-gray-1;
      padding-left:20px ;
      font-weight: 600;
    }
  }
}

.slide-dialog-fade-enter-active {
  transition: all .5s ease;
}
.slide-dialog-fade-leave-active {
  transition: all .5s ease;
}

.slide-dialog-fade-enter,.dialog-fade-leave{
  transform: translateX(100px);
  opacity: 0;
}


